﻿.background {
    margin: 0;
    width: 1310px;
    height: 815px;
    background: rgba(0,123,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 0.07;
    border-radius: 24px;
    display: flex;
    justify-content:center;
}
.allList {
    width: 1310px;
    height: 815px;
    display: flex;
    justify-content: center;
}
.listHead {
    width:1278px;
    height: 115px;
    background-color: red;
}
.mtitle {
    width: 192px;
    height: 64px;
    font-size: 48px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 64px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.title_center_line {
    width: 0px;
    height: 64px;
    border: 3px solid rgba(0,123,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.title2 {
    width: 144px;
    height: 48px;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.title_right {
    width: 85px;
    height: 48px;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.content{
    width:1278px;
    height:687px;
    background-color:#ffffff;
}
.movie_name {
    width: 54px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    opacity: 1;
}
.details_btn_choose_movie {
    width: 304px;
    height: 58px;
    background: rgba(0,123,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
    border-radius: 8px;
}
.details_title {
    width: 412px;
    height: 64px;
    font-size: 48px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 64px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.details_title_en {
    width: 478px;
    height: 48px;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.details_type {
    width: 232px;
    height: 48px;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.details_time {
    width: 236px;
    height: 48px;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.details_release {
    width: 328px;
    height: 48px;
    font-size: 36px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.details_intro {
    width: 676px;
    height: 311px;
    font-size: 24px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 32px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.poster_movie_title {
    width: 302px;
    height: 46px;
    font-size: 28px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 37px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.poster_movie_title_en {
    width: 302px;
    height: 35px;
    font-size: 22px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 30px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.date_rectangle {
    width: 676px;
    height: 55px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 0.5;
    border-radius: 28px;
}
.date_title {
    width: 72px;
    height: 32px;
    font-size: 24px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 32px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.date_options_unselected {
    width: 83px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.date_options_selected {
    width: 83px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.date_options_rectangle {
    width: 106px;
    height: 38px;
    background: rgba(0,123,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
    border-radius: 21px;
}
.play_rectangle {
    width: 676px;
    height: 72px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 0.5;
}
.play_time {
    width: 130px;
    height: 32px;
    font-size: 24px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 32px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.play_place {
    width: 530px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.play_type {
    width: 70px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.play_right_rectangle {
    width: 113px;
    height: 70px;
    background: rgba(0,123,255,1);
    opacity: 1;
}
.play_price {
    width: 49px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.play_confirm {
    width: 80px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.place_title {
    width: 80px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.place_address {
    width: 530px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.place_price {
    width: 49px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.place_confirm {
    width: 80px;
    height: 27px;
    font-size: 20px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 27px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.hall_rectangle {
    width: 676px;
    height: 456px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 0.5;
    border-radius: 8px;
}
.hall_screen {
    width: 410px;
    height: 19px;
    border: 8px solid rgba(0,123,255,1);
    box-shadow: 0px 6px 12px rgba(0,123,255,0.16);
    opacity: 1;
}
.hall_seat_text {
    width: 64px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,123,255,1);
    opacity: 1;
}
.hall_seat_number {
    width: 9px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,123,255,1);
    opacity: 1;
}
.hall_seat_center_line {
    width: 0px;
    height: 296px;
    border: 1px solid rgba(0,123,255,1);
    opacity: 1;
}
.hall_right_rectangle {
    width: 113px;
    height: 454px;
    background: rgba(0,123,255,1);
    opacity: 1;
    border-radius: 0px 8px 8px 0px;
}
.hall_movie_title {
    width: 96px;
    height: 84px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 21px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.hall_movie_cinema_title {
    width: 96px;
    height: 32px;
    font-size: 12px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 16px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.hall_movie_time {
    width: 96px;
    height: 32px;
    font-size: 12px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 16px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.hall_movie_selected_seat_text {
    width: 67px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 400;
    line-height: 21px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.hall_movie_sum {
    width: 79px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 21px;
    color: rgba(255,255,255,1);
    opacity: 1;
}
.hall_movie_confirm {
    width: 64px;
    height: 21px;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 21px;
    color: rgba(0,123,255,1);
    text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
}
.hall_movie_confirm_rectangle {
    width: 96px;
    height: 36px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    opacity: 1;
    border-radius: 21px;
}